<div class="al-modal-view">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" ng-click="cancel()">
      <span aria-hidden="true" class="glyphicon glyphicon-remove"></span>
      <span class="sr-only">Close</span>
    </button>
    <h4 class="modal-title ok-color">{{modalTitle}}</h4>
  </div>
  <div class="modal-body">
      <ng-form name="modalForm" class="form-horizontal form-validation" role="form">
        <div class="form-group">
          <label class="col-sm-2 col-sm-offset-1 control-label">报修人</label>
          <div class="col-sm-3">
            <div class="form-control info-text">{{data.name}}</div>
          </div>
          <label class="col-sm-2 control-label">手机号</label>
          <div class="col-sm-3">
            <div class="form-control info-text">{{data.phone}}</div>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-2 col-sm-offset-1 control-label">公寓</label>
          <div class="col-sm-3">
            <div class="form-control info-text">{{data.productName}}</div>
          </div>
          <label class="col-sm-2 control-label">房间号</label>
          <div class="col-sm-3">
            <div class="form-control info-text">{{data.itemName}}</div>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-2 col-sm-offset-1 control-label">报修内容</label>
          <div class="col-sm-3">
            <textarea readonly class="form-control" cols="4" ng-model="data.content">
            </textarea>
          </div>
          <label class="col-sm-2 control-label">报修图片</label>
          <div class="col-sm-3">
            <img ng-if="data.imagePicture" style="width: 100%;" ng-src="{{data.imagePicture}}">
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-2 col-sm-offset-1 control-label">报修时间</label>
          <div class="col-sm-3">
            <div class="form-control info-text">{{data.createTime}}</div>
          </div>
        </div>
        <!--分割线-->
        <div class="form-group">
          <label class="col-sm-2 col-sm-offset-1 control-label">维修人员</label>
          <div class="col-sm-3">
            <input class="form-control" ng-model="data.providerName" maxlength="32"
                   placeholder="维修人姓名"
                   ng-readonly="type=='view'">
          </div>
          <label class="col-sm-2 control-label">手机号</label>
          <div class="col-sm-3">
            <input class="form-control" ng-model="data.providerPhone" type="text" maxlength="11"
                   placeholder="维修人手机号"
                   ng-readonly="type=='view'">
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-2 col-sm-offset-1 control-label">维修状态</label>
          <div class="col-sm-3" ng-if="type!='view'">
            <nobr>
              <label class="ui-radio" ng-repeat="option in repairDealStatusList">
                <input name="status" ng-value="option.value"
                       type="radio" ng-model="data.status">
                <span>{{option.name}}</span>
              </label>
            </nobr>
          </div>
          <div class="col-sm-3" ng-if="type=='view'">
            <div class="form-control info-text">{{data.status|constantTransfer:repairStatusList}}</div>
          </div>
          <label class="col-sm-2 control-label">维修时间</label>
          <div class="col-sm-3">
            <div class="input-group">
              <input class="form-control" type="text" uib-datepicker-popup="yyyy-MM-dd HH:mm"
                     ng-model="data.providerTime" is-open="enterEnd" maxlength="16"
                     close-text="关闭" current-text="今天" clear-text="清空"
                     ng-readonly="type=='view'"
                     placeholder=""/>
              <span class="input-group-btn">
                <button type="button" class="btn btn-default" ng-disabled="type=='view'"
                        ng-click="enterEnd=true">
                  <i class="glyphicon glyphicon-calendar"></i>
                </button>
              </span>
            </div>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-2 col-sm-offset-1 control-label">是否用户付费</label>
          <div class="col-sm-3">
            <nobr>
              <label class="ui-radio" ng-repeat="option in needFeeList">
                <input name="needFee" ng-value="option.value" ng-disabled="type=='view'"
                       type="radio" ng-model="data.needFee" ng-change="isNeedFee(option.value)">
                <span>{{option.name}}</span>
              </label>
            </nobr>
          </div>
          <label class="col-sm-2 control-label">费用</label>
          <div class="col-sm-3">
            <div class="input-group">
              <span class="input-group-addon">￥</span>
              <input type="number" class="form-control" ng-readonly="type=='view'" maxlength="11"
                     ng-model="data.repairFee">
            </div>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-2 col-sm-offset-1 control-label">客服备注</label>
          <div class="col-sm-3">
            <textarea class="form-control" placeholder="客服备注" cols="4"
                      ng-readonly="type=='view'" ng-model="data.dealResult" ></textarea>
          </div>
          <label class="col-sm-2 control-label">维修反馈</label>
          <div class="col-sm-3">
            <textarea class="form-control" placeholder="维修反馈" cols="4"
                      ng-readonly="type=='view'" ng-model="data.providerFeedback" ></textarea>
          </div>
        </div>
      </ng-form>
  </div>
  <div class="modal-footer">
    <button class="btn btn-warning no-border" type="button" ng-click="cancel()">取消</button>
    <button class="btn btn-primary no-border" type="button" ng-click="confirm()" ng-disabled="modalForm.$invalid">确定</button>
  </div>
</div>